<template>
	<div class="demo">
		<h3>{{ name }}</h3>
		<h3>{{ sex }}</h3>
		<button @click="sendStudentName">点我把name给App</button>
		<button @click="unbind">解绑自定义事件</button>
		<button @click="death">销毁Student组件的实例</button>
	</div>
</template>


<script>

export default {
	name: 'StudentS',
	data() {
		return {
			name: '李四',
			sex: 18
		}
	},
	methods: {
		sendStudentName() {
			// 触发student组件实例身上的hello事件
			this.$emit('hello', this.name, 111, 222, 333)
			this.$emit('demo')
		},
		unbind() {
			// 解绑student组件实例身上的事件 （解绑单个事件）
			// this.$off('hello')
			// 解绑多个(且确定的事件)
			// this.$off(['hello', 'demo'])
			// 全部解绑
			this.$off()
		},
		death(){
			this.$destroy()//销毁了Student组件的实例，销毁后所有Student实例自定义事件全都不奏效
		}
	},
}
</script>


<style scoped>
.demo {
	background-color: aqua;
}
</style>